<template>
    <div>
        <div style="text-align: center;font-size: 24px;margin: 10px;">
            <span v-if="route.query.id=='u8shwcddmx'">审核完成订单明细</span>
            <span v-else-if="route.query.id=='u8shwctsmx'">审核完成台数明细</span>
            <span v-else-if="route.query.id=='u8mrpmx'">MRP情况明细</span>
            <span v-else-if="route.query.id=='u8cgddslmx'">ERP采购单数量明细</span>
            <span v-else-if="route.query.id=='llzjmx'">来料质检明细</span>
            <span v-else-if="route.query.id=='cgqrslmx'">供应商确认明细</span>
            <span v-else-if="route.query.id=='cgddslmx'">SRM采购订单数量明细</span>
            <span v-else-if="route.query.id=='shdtzqrmx'">供应商送货通知明细</span>
            <span v-else-if="route.query.id=='rkmx'">入库数量明细</span>
            <span v-else-if="route.query.id=='xsddxfmx'">订单下发明细</span>
            <span v-else-if="route.query.id=='xssjshmx'">设计审核</span>
            <span v-else-if="route.query.id=='xsjgshmx'">价格审核</span>
            <span v-else-if="route.query.id=='xsywshmx'">业务审核</span>
            <span v-else-if="route.query.id=='xscgddslmx'">采购定单生成-总装</span>
            <span v-else-if="route.query.id=='xscgddslhjmx'">采购定单生成-焊接</span>
            <span v-else-if="route.query.id=='xscgddsltzmx'">采购定单生成-涂装</span>
            <span v-else-if="route.query.id=='xsyjhmx'">月度销售计划</span>
            <span v-else-if="route.query.id=='xszjhmx2'">周计划1～2</span>
            <span v-else-if="route.query.id=='xszjhmx5'">周计划3～5</span>
            <span v-else-if="route.query.id=='xsywqrmx'">业务确认</span>
            <span v-else-if="route.query.id=='cwcprumx'">成品入库</span>
            <span v-else-if="route.query.id=='cwfhsq7mx'">7天内发货申请</span>
            <span v-else-if="route.query.id=='cwfhsq8mx'">8-15天内发货申请</span>
            <span v-else-if="route.query.id=='cwfhsq16mx'">16-30天内发货申请</span>
            <span v-else-if="route.query.id=='cwzxckmx'">装箱出库</span>
            <span v-else-if="route.query.id=='cwkpqkmxwx'">开票情况-外销</span>
            <span v-else-if="route.query.id=='cwkpqkmxnx'">开票情况-内销</span>
            <span v-else-if="route.query.id=='cwhkqkmx'">回款情况</span>
            <span v-else-if="route.query.id=='cwwhkqkmx'">未回款情况</span>
            <span v-else-if="route.query.id=='cwndhkmx'">年度回款情况</span>
            <span v-else-if="route.query.id=='cwwkpqkmxwx'">未开票情况明细-外销</span>
            <span v-else-if="route.query.id=='cwwkpqkmxnx'">未开票情况明细-内销</span>
            <span v-else-if="route.query.id=='cwndwhkmx'">年度未回款明细</span>
            <span v-else-if="route.query.id=='cwcpkl1year'">成品库龄1年明细</span>
            <span v-else-if="route.query.id=='cwcpkl3year'">成品库龄3年明细</span>
            <span v-else-if="route.query.id=='cwcpkl5year'">成品库龄5年明细</span>
            <span v-else-if="route.query.id=='cwclkl1year'">材料库龄1年明细</span>
            <span v-else-if="route.query.id=='cwclkl3year'">材料库龄3年明细</span>
            <span v-else-if="route.query.id=='cwclkl5year'">材料库龄5年明细</span>
            <span v-else-if="route.query.id=='u8cgddslmxtz'">采购订单下发 ERP(涂装)</span>
            <span v-else-if="route.query.id=='cgddslmxtz'">采购订单下发 SRM(涂装)</span>
            <span v-else-if="route.query.id=='u8cgddslmxhj'">采购订单下发 ERP(焊接)</span>
            <span v-else-if="route.query.id=='cgddslmxhj'">采购订单下发 SRM(焊接)</span>
            <span v-else-if="route.query.id=='cgqrslmxzzwqr'">供应商未确认(总装)</span>
            <span v-else-if="route.query.id=='cgqrslmxtzyqr'">供应商已确认(涂装)</span>
            <span v-else-if="route.query.id=='cgqrslmxtzwqr'">供应商未确认(涂装)</span>
            <span v-else-if="route.query.id=='cgqrslmxhjyqr'">供应商已确认(焊接)</span>
            <span v-else-if="route.query.id=='cgqrslmxhjwqr'">供应商未确认(焊接)</span>
            <span v-else-if="route.query.id=='shdtzqrmxzzwqr'">供应商送货通知确认(总装-未确认)</span>
            <span v-else-if="route.query.id=='shdtzqrmxtzyqr'">供应商送货通知确认(涂装-已确认)</span>
            <span v-else-if="route.query.id=='shdtzqrmxtzwqr'">供应商送货通知确认(涂装-未确认)</span>
            <span v-else-if="route.query.id=='shdtzqrmxhjyqr'">供应商送货通知确认(焊接-已确认)</span>
            <span v-else-if="route.query.id=='shdtzqrmxhjwqr'">供应商送货通知确认(焊接-未确认)</span>
        </div>
        <el-table v-if="route.query.id=='u8shwcddmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" width="70" label="序号" />
            <el-table-column prop="cInvCode" label="订单号" />
            <el-table-column prop="cInvName" label="名称" />
            <el-table-column prop="dDate" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='cgddslmxhj'||route.query.id=='cgddslmxtz'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" width="70" label="序号"/>
            <el-table-column prop="F129" label="订单号" />
            <el-table-column prop="F133" label="日期" />
            <el-table-column prop="F558" label="公司" />
            <el-table-column prop="F752" label="编号" />
            <el-table-column prop="F1296" label="类别" />
        </el-table>
        <el-table v-else-if="route.query.id=='u8cgddslmxtz'||route.query.id=='u8cgddslmxhj'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" width="70" label="序号"/>
            <el-table-column prop="cInvCode" label="订单号" />
            <el-table-column prop="cPOID" label="ID" />
            <el-table-column prop="cInvName" label="名称" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="cInvDefine3" label="类别" />
        </el-table>
        <el-table v-else-if="route.query.id=='u8shwctsmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" width="70" label="序号"/>
            <el-table-column prop="cInvCode" label="订单号" />
            <el-table-column prop="cInvName" label="名称" />
            <el-table-column prop="iQuantity" label="数量" />
        </el-table>
        <el-table v-else-if="route.query.id=='u8mrpmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" width="70" label="序号"/>
            <el-table-column prop="cSOCode" label="订单号" />
            <el-table-column prop="explain" label="说明" />
            <el-table-column prop="dDate" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='u8cgddslmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cInvCode" label="订单号" />
            <el-table-column prop="cInvDefine3" label="分类" />
            <el-table-column prop="cInvName" label="名称" />
            <el-table-column prop="cPOID" label="编码" />
            <el-table-column prop="dPODate" label="日期" />
            <el-table-column prop="iQuantity" label="数量" />
        </el-table>
        <el-table v-else-if="route.query.id=='llzjmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cCode" label="订单号" />
            <el-table-column prop="cInvDefine3" label="分类" />
            <el-table-column prop="cInvName" label="名称" />
            <el-table-column prop="cInvCode" label="编码" />
            <el-table-column prop="dDate" label="日期" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="lb" label="质检结果" />
        </el-table>
        <el-table v-else-if="route.query.id=='cgqrslmx'||route.query.id=='cgqrslmxzzwqr'||route.query.id=='cgqrslmxtzyqr'||route.query.id=='cgqrslmxtzwqr'||route.query.id=='cgqrslmxhjyqr'||route.query.id=='cgqrslmxhjwqr'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="F558" label="公司名" />
            <el-table-column prop="F1296" label="分类" />
            <el-table-column prop="f133" label="日期" />
            <el-table-column prop="F130" label="状态" />
        </el-table>
        <el-table v-else-if="route.query.id=='cgddslmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="F558" label="公司名" />
            <el-table-column prop="F752" label="订单号" />
            <el-table-column prop="F1296" label="分类" />
            <el-table-column prop="F133" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='shdtzqrmx'||route.query.id=='shdtzqrmxzzwqr'||route.query.id=='shdtzqrmxtzyqr'||route.query.id=='shdtzqrmxtzwqr'||route.query.id=='shdtzqrmxhjyqr'||route.query.id=='shdtzqrmxhjwqr'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="F194" label="订单号" />
            <el-table-column prop="F1395" label="分类" />
            <el-table-column prop="F1572" label="状态" />
        </el-table>
        <el-table v-else-if="route.query.id=='rkmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="订单号" label="订单号" />
            <el-table-column prop="cInvName" label="名称" />
            <el-table-column prop="wrk" label="数量" />
        </el-table>
        <el-table v-else-if="route.query.id=='xsddxfmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cMaker" label="姓名" />
            <el-table-column prop="cSOCode" label="编号" />
            <el-table-column prop="dDate" label="创建时间" />
        </el-table>
        <el-table v-else-if="route.query.id=='xssjshmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="Define2" label="名称" />
            <el-table-column prop="ModifyTime" label="日期" />
            <el-table-column prop="OrderCode" label="编号" />
        </el-table>
        <el-table v-else-if="route.query.id=='xsjgshmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="Define9" label="名称" />
            <el-table-column prop="ModifyTime" label="日期" />
            <el-table-column prop="OrderCode" label="编号" />
        </el-table>
        <el-table v-else-if="route.query.id=='xsywshmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cVerifier" label="姓名" />
            <el-table-column prop="dverifysystime" label="日期" />
            <el-table-column prop="cSOCode" label="编号" />
        </el-table>
        <el-table v-else-if="route.query.id=='xscgddslmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cInvName" label="名称" />
            <el-table-column prop="cPOID" label="ID" />
            <el-table-column prop="cVenName" label="公司名称" />
            <el-table-column prop="dPODate" label="编号" />
            <el-table-column prop="iQuantity" label="数量" />
        </el-table>
        <el-table v-else-if="route.query.id=='xscgddslhjmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cInvName" label="名称" />
            <el-table-column prop="cPOID" label="ID" />
            <el-table-column prop="cVenName" label="公司名称" />
            <el-table-column prop="dPODate" label="编号" />
            <el-table-column prop="iQuantity" label="数量" />
        </el-table>
        <el-table v-else-if="route.query.id=='xscgddsltzmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cInvName" label="名称" />
            <el-table-column prop="cPOID" label="ID" />
            <el-table-column prop="cVenName" label="公司名称" />
            <el-table-column prop="dPODate" label="编号" />
            <el-table-column prop="iQuantity" label="数量" />
        </el-table>
        <el-table v-else-if="route.query.id=='xsyjhmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="f1501" label="姓名" />
            <el-table-column prop="f1497" label="数量" />
            <el-table-column prop="f1504" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='xszjhmx2'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="f1501" label="姓名" />
            <el-table-column prop="f1497" label="数量" />
            <el-table-column prop="F1607" label="周期" />
        </el-table>
        <el-table v-else-if="route.query.id=='xszjhmx5'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="f1501" label="姓名" />
            <el-table-column prop="f1497" label="数量" />
            <el-table-column prop="F1607" label="周期" />
        </el-table>
        <el-table v-else-if="route.query.id=='xsywqrmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="OrderCode" label="编码" />
            <el-table-column prop="Define2" label="名称" />
            <el-table-column prop="ModifyTime" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwcprumx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="xiangci" label="项次" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="dDate" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwfhsq7mx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cInvCode" label="项次" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="cMaker" label="姓名" />
            <el-table-column prop="dDate" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwfhsq8mx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cInvCode" label="项次" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="cMaker" label="姓名" />
            <el-table-column prop="dDate" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwfhsq16mx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cInvCode" label="项次" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="cMaker" label="姓名" />
            <el-table-column prop="dDate" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwzxckmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cDefine25" label="托书号" />
            <el-table-column prop="iorderseq" label="项次" />
            <el-table-column prop="iordercode" label="销售订单" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="cMaker" label="姓名" />
            <el-table-column prop="dDate" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwkpqkmxwx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cDefine25" label="托书号" />
            <el-table-column prop="iorderrowno" label="项次" />
            <el-table-column prop="cSoCode" label="销售订单" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="iTaxUnitPrice" label="单价" />
            <el-table-column prop="iSum" label="金额" />
            <el-table-column prop="dDate" label="开票时间" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwkpqkmxnx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cDefine25" label="托书号" />
            <el-table-column prop="iorderrowno" label="项次" />
            <el-table-column prop="cSoCode" label="销售订单" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="iTaxUnitPrice" label="单价" />
            <el-table-column prop="iSum" label="金额" />
            <el-table-column prop="dDate" label="开票时间" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwhkqkmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cDefine25" label="托书号" />
            <el-table-column prop="iorderrowno" label="项次" />
            <el-table-column prop="cSoCode" label="销售订单" />
            <el-table-column prop="iMoneySum" label="金额" />
            <el-table-column prop="dVouchDate" label="回款时间" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwwhkqkmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cDefine25" label="托书号" />
            <el-table-column prop="iorderrowno" label="项次" />
            <el-table-column prop="cSoCode" label="销售订单" />
            <el-table-column prop="number" label="数量" />
            <el-table-column prop="imoney" label="金额" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwndhkmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cDefine25" label="托书号" />
            <el-table-column prop="cInvCode" label="项次" />
            <el-table-column prop="cSoCode" label="销售订单" />
            <el-table-column prop="iMoneySum" label="金额" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwwkpqkmxwx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cDefine25" label="托书号" />
            <el-table-column prop="iorderrowno" label="项次" />
            <el-table-column prop="cSoCode" label="销售订单" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="iTaxUnitPrice" label="单价" />
            <el-table-column prop="iSum" label="金额" />
            <el-table-column prop="dDate" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwwkpqkmxnx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cDefine25" label="托书号" />
            <el-table-column prop="iorderrowno" label="项次" />
            <el-table-column prop="cSoCode" label="销售订单" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="iTaxUnitPrice" label="单价" />
            <el-table-column prop="iSum" label="金额" />
            <el-table-column prop="dDate" label="日期" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwndwhkmx'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cDefine25" label="托书号" />
            <el-table-column prop="iorderrowno" label="项次" />
            <el-table-column prop="cSOCode" label="销售订单" />
            <el-table-column prop="num" label="数量" />
            <el-table-column prop="imoney" label="金额" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwcpkl1year'||route.query.id=='cwcpkl3year'||route.query.id=='cwcpkl5year'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="cInvCode" label="存货编码" />
            <el-table-column prop="cPersonName" label="姓名" />
            <el-table-column prop="csocode" label="销售订单号" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="入库年份" label="入库年份" />
            <el-table-column prop="制单时间" label="制单时间" />
        </el-table>
        <el-table v-else-if="route.query.id=='cwclkl1year'||route.query.id=='cwclkl3year'||route.query.id=='cwclkl5year'" :data="tableData" style="width: 100%" border>
            <el-table-column type="index" label="序号" width="70" />
            <el-table-column prop="销售订单号" label="销售订单号" />
            <el-table-column prop="采购订单号" label="采购订单号" />
            <el-table-column prop="cInvCode" label="存货编码" />
            <el-table-column prop="cInvName" label="存货名称" />
            <el-table-column prop="cPersonName" label="姓名" />
            <el-table-column prop="iQuantity" label="数量" />
            <el-table-column prop="入库年份" label="入库年份" />
        </el-table>
        <div>
            <el-pagination
                :page-size="size"
                :pager-count="11"
                layout="prev, pager, next"
                :total="total"
                style="width: 100%;"
                @current-change="handleCurrentChange"
            />
        </div>
    </div>
</template>
<script setup>
    import { ref,onMounted } from 'vue';
    import { useRoute } from 'vue-router';
    import {mianbanData,mianbanData2} from "/@/api/panel/index"
    const route = useRoute();
    let tableData = ref([])
    let page = ref(1)//当前页
    let size = ref(10)//当前页条数
    let total = ref(0)//总条数
    onMounted(()=>{
        getList()
        
    })
    const getList=()=>{
        if(!route.query.id){
            return
        }
        mianbanData2(route.query.id,size.value,page.value).then((res)=>{
            console.log(res);
            tableData.value=res.data
            total.value=res.total
        })
    }
    const handleCurrentChange =(val)=>{
        console.log(val);
        page.value=val
        getList()
    }
</script>
<style>
    
</style>